<template>
  <div>
    我们的第一个VUE程序
    <p>{{msg}}</p>
    <pre>
      * v-text 是元素的innerText，只能在双标签中使用
      * v-html 是元素的innerHtml，不能包含{{}}
      * v-if 是元素是否移除或者插入
      * v-show 是元素是否显示或者隐藏
      * v-model
    </pre>v-text：
    <span v-text="msg"></span>
    <br>
    <input type="text" name v-text="msg" id>
    <br>v-html:
    <span v-html="html"></span>
    <hr>
    <hr>v-model:
    <br>
    <input type="text" name v-model="mTest" id>
    <br>
    {{mTest}}
    <br>
    <input type="text" name v-bind:value="mTest" id>
  </div>
</template>
<script>
export default {
  name: "app",
  data() {
    return {
      msg: "这个是一个msg",
      html: `<h2>这是一个v-html</h2>`,
      mTest: "这是v-model的测试"
    };
  },
  created() {}
};
</script>
